const cameraImages = [
    'https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?w=400&h=225&fit=crop&crop=center',
    'https://images.unsplash.com/photo-1574323347407-f5e1ad6d020b?w=400&h=225&fit=crop&crop=center',
    'https://images.unsplash.com/photo-1592924357228-91a4daadcfea?w=400&h=225&fit=crop&crop=center',
    'https://images.unsplash.com/photo-1574323347407-f5e1ad6d020b?w=400&h=225&fit=crop&crop=center'
];
const cameraNames = ['入口监控', '作物区域A', '设备区域', '环境监测'];
const cameras = document.querySelectorAll('.camera-item');
cameras.forEach((cam, index) => {
    cam.style.backgroundImage = `url('${cameraImages[index]}')`;
    cam.innerHTML = `<div style="position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; font-size: 13px; padding: 4px 8px;">${cameraNames[index]}</div>`;
}); 